<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
	
	 $(function(){  
	        $('#id_don_vi_ql').combobox({  
	            onChange:function (newValue, oldValue){  
	                if(newValue !=null){  
	                	$('#tt').datagrid('load', {
	            			id : newValue,
	            		});
	                }  
	            }  
	        });  
	    });

</script>
<style type="text/css">
#fm {
	margin: 0;
	padding: 5 0px;
}

.ftitle {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 5px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.fitem {
	margin-bottom: 7px;
}

.fitem label {
	display: inline-block;
	width: 90px;
}

.fitem input {
	display: inline-block;
	width: 250px;
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #888888;
	border-radius: 5px 5px 5px 5px;
	color: #222222;
	margin: 0 5px 0 0;
	padding: 3px 3px;
}
</style>
</head>
<body>

	<table id="tt" class="easyui-datagrid"
		style="width: 800px; height: 737px" url="CTDTServlet?flag=loadTheoDonVi"
		title=":: CTĐT THEO ĐƠN VỊ" toolbar="#tb" rownumbers="true" pagination="true"
		singleSelect="false" fitColumns="true">
		<thead>
			<tr>
				<th field="ten_van_tat">Tên Vắn Tắt</th>
				<th field="ten_day_du">Tên Đầy Đủ</th>
				<th field="ten_bang">Tên Bằng</th>
				<th field="so_qd">Số QĐ</th>
				<th field="ngay_qd">Ngày QĐ</th>
				<th field="ten_nganh">Tên Ngành</th>
				<th field="so_nam_tk">Số Năm TK</th>
				<th field="so_nam_td">Số Năm TD</th>
			</tr>
		</thead>
	</table>

	<div id="tb" style="padding: 5px">
		<div style="padding: 5px">
		<div class="fitem">
				<input id="id_don_vi_ql" name="id_don_vi_ql" class="easyui-combobox" style="width: 320px; height: 25px;"
				 	data-options="
					 			  url:'view/loadDonViTC.jsp',
					              valueField:'id',
					              textField:'ten',
					              panelHeight:'250'
								  "/>
				<a href="#" class="easyui-linkbutton" plain="true">Chọn đơn vị</a>
	</div>
</body>
</html>